<script setup lang="ts">
import CountUp from 'vue-countup-v3'
withDefaults(
  defineProps<{
    // 结束的值
    count?: number
    // 动画时间
    duration?: number
    // 循环次数 true 循环
    loop?: number | boolean
    // 小数点位数
    decimalPlaces?: number
    // 是否使用千位分隔符显示
    useGrouping?: boolean
  }>(),
  {
    count: 10000,
    duration: 3,
    loop: 1,
    decimalPlaces: 0,
    useGrouping: false
  }
)
const onFinished = () => {
  // 倒计时结束
}
</script>

<template>
  <CountUp
    :options="{ useGrouping }"
    :loop="loop"
    :end-val="count"
    :duration="duration"
    :decimal-places="decimalPlaces"
    @finished="onFinished"
  ></CountUp>
</template>
